<div class="panel-group" id="accordion-filiais">
    <div class="panel panel-info">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion-filiais" href="#collapseOne">
                    <strong>congregação Piabetá</strong>
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <img class="contain" src="<?=$this->baseUrl() . '/public/img/logo-piabeta.png'?>" />
                    </div>
                    <div class="col-md-6 ">
                        <div class="row mapa">
                            <div class="col-md-6 ">
                                <a target="_blank" href="https://www.google.com.br/maps/@-22.611193,-43.176904,3a,75y,20.3h,81.67t/data=!3m4!1e1!3m2!1s_ar0nrUt2pHY4u3iCd-P_Q!2e0">
                                                <img src="<?= $this->baseUrl() . "/public/img/mapa-piabeta.png"?>"  alt=""/></a>
                            </div>
                            <div class="col-md-6 ">
                                <ul class="list-group">
                                    <li class="list-group-item">Rua Eduardina Miranda Telles, 209</li>
                                    <li class="list-group-item">CEP: 25900-000</li>
                                    <li class="list-group-item">Piabetá - Magé</li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-chevron-left"></span> Clique na foto para ir ao mapa</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                   <!-- <script>
                        Galleria.loadTheme('../public/js/galleria/themes/classic/galleria.classic.min.js');
                        Galleria.run('#galleriaPiabeta', {
                            facebook: 'album:253706828125618.1073741840.100004589080836',
                            width: 745,
                            height: 550,
                            lightbox: true});
                    </script>-->
                    <div id="galleriaPiabeta"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-info">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion-filiais" href="#collapseTwo">
                    <strong> Congregação Campos Elísios</strong>
                </a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <img class="contain" src="<?=$this->baseUrl() . '/public/img/logo-campos-elisios.png'?>" />
                    </div>
                    <div class="col-md-6 ">
                        <div class="row mapa">
                            <div class="col-md-6 ">
                                <!--<a target="_blank" href="http://www.google.com.br/maps/@-22.611391,-43.176093,3a,75y,109.79h,82.25t/data=!3m4!1e1!3m2!1scjCN8SWJ2uL2G_rakkPaNw!2e0">
                                    <img src="<?= $this->baseUrl() . "/public/img/mapa-piabeta.png"?>"  alt=""/></a>-->
                            </div>
                            <div class="col-md-6 ">
                                <ul class="list-group">
                                    <li class="list-group-item">Rua Tajira, 19</li>
                                    <li class="list-group-item">Campos Elísios - Magé</li>
                                    <!--<li class="list-group-item"><span class="glyphicon glyphicon-chevron-left"></span> Clique na foto para ir ao mapa</li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-lg-4 col-sm-4 ">
                    </div>
                    <div class="col-md-4 col-lg-4 col-sm-4 ">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">Faixada da congregação</h3>
                            </div>
                            <div class="panel-body">
                                <img  class="contain" src="<?=$this->baseUrl() . '/public/img/faixada-campos-elisios.jpg'?>" />

                            </div>
                        </div>

                    </div>
                    <div class="col-md-4 col-lg-4 col-sm-4 ">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-info">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion-filiais" href="#collapseThree">
                    <strong>Frente Missionário BonneVile</strong>
                </a>
            </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <img class="contain" src="<?=$this->baseUrl() . '/public/img/logo-bonnevile.png'?>" />
                    </div>
                    <div class="col-md-6 ">
                        <div class="row mapa">
                            <div class="col-md-6 ">
                                <!--<a target="_blank" href="http://www.google.com.br/maps/@-22.611391,-43.176093,3a,75y,109.79h,82.25t/data=!3m4!1e1!3m2!1scjCN8SWJ2uL2G_rakkPaNw!2e0">
                                    <img src="<?= $this->baseUrl() . "/public/img/mapa-piabeta.png"?>"  alt=""/></a>-->
                            </div>
                            <div class="col-md-6 ">
                                <ul class="list-group">
                                    <li class="list-group-item">Rua Dom Carlos, 284</li>
                                    <li class="list-group-item">CEP: 25907-004</li>
                                    <li class="list-group-item">Parque BonneVille - Magé</li>
                                    <!--<li class="list-group-item"><span class="glyphicon glyphicon-chevron-left"></span> Clique na foto para ir ao mapa</li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                </div>
            </div>
        </div>
    </div>
</div>
